<template>
  <ve-card :title="record.licenseNo" :sub-title="record.eventStatusStr" type="blue">
    <ve-cell-val label="违章单号" :value="record.violantionCode" />
    <ve-cell-val label="违章时间" :value="record.eventTime" />
    <ve-cell label="承租人信息">
      <template v-if="record.memberName || record.memberPhone">
        {{ `${record.memberName} ${record.memberPhone}` }}
      </template>
      <template v-else>-</template>
    </ve-cell>
    <ve-cell-val label="罚分" :value="record.eventScore" />
    <ve-cell-val label="罚款" :value="record.eventAmount" />
    <ve-cell-val label="违章城市" :value="record.eventCityName" />
    <ve-cell-val label="短信发送时间" :value="record.smsSendTime" />
    <ve-cell-val label="发送内容" :value="record.smsContent" />
  </ve-card>
</template>
<script setup lang="ts">
  defineProps({
    record: {
      type: Object,
      default: () => ({}),
    },
  })
</script>
